@import "../../public/less/index.less";
.navs {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1001;
  width: 100%;
  .tab-navs {
    position: relative;
    .padding(0,100);
    .add-cart-content {
      .h(600);
      position: relative;
      display: inline-block;
      right: 0px;
      left: 0px;
      .top(160);
      padding: 0px;
      margin: 0px;
      .border-bottom(2,#E8E8E8);
      .bgsh-nav1 {
        position: relative;
        letter-spacing: 0px;
        border-spacing: 0px;
        display: flex;
        align-items: center;
        .img-bgyp {
          margin: 0px;
          padding: 0px;
          display: inline-block;
          box-sizing: border-box;
          .w(193);
          .h(169);
          border-spacing: inherit;
          border-bottom: 0px;
          //background-color: #00C4D2;
          background-image: url("../../public/images/navibgyp.png");
          background-size: cover;
        }
        .nav-name {
          .pt(40);
          margin: 0px;
          display: inline-block;
          .fs(26);
          color: #333333;
          .ml(45);
          .lh(40);
        }
      }
      .bgsh-nav2 {
        position: relative;
        letter-spacing: 0px;
        border-spacing: 0px;
        display: flex;
        align-items: center;
        .nav-name {
          .pt(40);
          margin: 0px;
          display: inline-block;
          .fs(26);
          color: #333333;
          .ml(45);
          .lh(40);
        }
        .img-bgsh {
          top:0px;
          bottom: 0px;
          margin: 0px;
          padding: 0px;
          display: inline-block;
          .top(0);
          .w(193);
          .h(169);
          background-image: url("../../public/images/navibgsh.png");
          background-size: cover;

        }
      }
      .bgsh-nav3 {
        position: relative;
        letter-spacing: 0px;
        border-spacing: 0px;
        display: flex;
        align-items: center;
        .nav-name {
          .pt(40);
          margin: 0px;
          display: inline-block;
          .fs(26);
          color: #333333;
          .ml(45);
          .lh(40);
        }
        .img-mybg {
          display: inline-block;
          .top(0);
          .w(193);
          .h(169);
          background-image: url("../../public/images/navimybg.png");
          background-size: cover;
        }
      }
    }
    .user-nav {
      position: relative;
      left: 0px;
      .top(140);
      width: 100%;
      display: block;
      color: #919191;
      .h(140);
      .foot {
        .pt(60);
        width: 100%;
        height: 100%;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        justify-content: space-between;
        align-content: center;
        .evenavi {
          color: #B6B6B6;
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          text-align: center;
          box-sizing: border-box;
          display: block;
          .fs(20);
          .lh(40);
          .user-tab1,.user-tab2,.user-tab3{
          }
          .user-tab1 {
            background-image: url("../../public/images/navcart.png");
            display: inline-block;
            .h(90);
            .w(90);
            background-size: cover;
          }
          .user-tab2 {
            background-image: url("../../public/images/navorder.png");
            display: inline-block;
            .h(90);
            .w(90);
            background-size: cover;
          }
          .user-tab3 {
            background-image: url("../../public/images/navcollect.png");
            display: inline-block;
            .h(90);
            .w(90);
            background-size: cover;
          }
        }
      }
    }
    .link-way {
      position: fixed;
      .bottom(127);
      display: inline-block;
      text-align: left;
      .pl(40);
      width: 100%;
      .lh(50);
      .fs(18);
      color: #333333;
    }
  }

}